<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>找回密码页面1</title>
    <link rel="stylesheet" href="${root}css/forget.css"/>
</head>
<body>
    <!--导航-->
    <header>
        <div class="w clearfix">
            <a href="${root}" class="logo"></a>
            <div class="logo-title">账号安全中心</div>

            <div class="have-account">
                已有账号？
                <a href="#" style="color: blue">请登录</a>
            </div>
        </div>
    </header>
    <!-- container。。。。。。。。。。。。。。。。。。-->
    <div class=" w container clearfix">
        <div class="steps clearfix">
            <span class="fl span_green" id=""><i class="i_green">1</i>填写账户名</span>
            <span class="fl"><i>2</i>验证身份</span>
            <span class="fl"><i>3</i>设置新密码</span>
            <span class="fl"><i>4</i>完成</span>
        </div>
       
        <!-- 验证第一步   输入用户名或者手机号-->
            <div class="form1 clearfix">
                <div class="Uname">
                    <label>手机号：</label>
                    <input type="text" name="phone" data-id="" placeholder="请输入手机号"/>
                    <p class="hide">手机号未注册</p>
                </div>
                <div class="authcode">
                    <lable>验证码：</lable>
                    <input type="text" name="authcode"/>
                    <span><img class="img-code" src="${root}captcha/4?t=${date()}" alt=""/></span><a style="cursor: pointer;" class="toggleauthcode" href="#">看不清；换一张</a>
                    <p class="hide">验证码输入错误</p>
                </div>
                <div class="sub">
                   	<a href="#" id="form_1">提交</a>
                </div>
            </div>
        <!-- 验证第二步  发送短信验证码-->
            <div class="form1 form2 hide clearfix">
                <div class="phone">
                    <lable>已验证手机：</lable>
                    <span></span>
                </div>
                <div class="phoneCode">
                    <lable>请填写手机验证码：</lable>
                    <input type="text" name="phoneCode"/><a id='messageCode' style="cursor: pointer;" href="#">获取短信校验码</a>
                </div>
                <div class="sub">
                    <a href="#" id="form_2">提交</a>
                </div>
            </div>
      
        <!-- 验证第三步   设置密码-->
  
            <div class="form1  form3  hide clearfix">
                <div class="Uname">
                    <lable>新登录密码：</lable>
                    <input type="password" name="password" maxlength="20"/>
                   	<p style="color: gray">密码建议6-20位,字母和数字组合</p>
                </div>
                <div class="authcode">
                    <lable>确认新密码：</lable>
                    <input type="password" name="pwd2"/>
                    <p class="hide" >两次密码输入不一致</p>
                </div>
                <div class="sub">
                    
                    <a href="#" id="form_3">提交</a>
               
                </div>
            </div>
       
        <!-- 验证第四步完成-->
            <div class="form1 form4 hide clearfix">
                    <div class=" Uname success">
                    	<span>新密码设置成功，&nbsp;&nbsp;</span><a href="${root}login" style="color: blue; cursor: pointer;">点击返回登录 </a>
                    
                    </div>
            </div>
          
    </div>
<!--底部-->
    <!--footer-->
    <div id="form-footer" class="footer w">
        <div class="links">
            <a rel="nofollow" target="_blank" href="#"> 关于我们</a>|
            <a rel="nofollow" target="_blank" href="#">联系我们</a>|
            <a rel="nofollow" target="_blank" href="#">人才招聘</a>|
            <a rel="nofollow" target="_blank" href="#">商家入驻</a>|
            <a rel="no  follow" target="_blank" href="#">广告服务</a>|
            <a rel="nofollow" target="_blank" href="#">手机心课堂</a>|
            <a target="_blank" href="#">友情链接</a>|
            <a target="_blank" href="#">销售联盟</a>|
            <a href="#" target="_blank">心社区</a>|
            <a href="#" target="_blank">心公益</a>|
            <a target="_blank" href="#" clstag="pageclick|keycount|20150112ABD|9">English Site</a>
        </div>
        <div class="copyright">
            Copyright©2004-2016&nbsp;&nbsp;iepsy.com&nbsp;版权所有
        </div>
    </div>

    <script src="${root}js/jquery.min.js"></script>
    <script type="text/javascript">var root='${root}';</script>
    <script src="${root}js/forget.js"></script>
</body>
</html>